<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="text-[36rpx] pt-[20rpx] flex justify-around">
            <text class="mr-[36rpx] ml-[32rpx]  text-[#434141] ">活动券</text>
            <text class="text-[#FD755D] border-b-[5rpx] border-[#FD755D] font-bold">优惠券</text>

        </view>
        <view class="bg-white mt-[10rpx] px-[30rpx] flex justify-between items-center shadow py-[20rpx]">
            <view class="flex  flex-col justify-center items-center px-[20rpx]">
                <view class=" font-bold">7折</view>
                <view class="mt-2 text-sm">满50可用</view>
            </view>
            <view class="flex-1">
                <view class="text-[34rpx] font-bold">
                    青秀区重阳节游园活动套圈券
                </view>
                <view class="mt-[20rpx] font-medium text-[26rpx]">
                    有效期：2024.12.06-2024.12.08
                </view>
                <view class="mt-[20rpx] text-[#979797] text-[26rpx]">说明：仅限套圈活动使用，其他活动使用无效</view>
            </view>

            <view class=" text-white py-[10rpx] px-2 bg-[#FD755D] rounded  text-[32rpx] text-nowrap">立即使用</view>
        </view>
    </view>
</template>
<script setup>
</script>